Třídy a identifikátory


Možnosti odkazů Rámečky-Borders Margin, padding a border Třídy a identifikátory Background

1.Třídy

Třídy - popis
1) vytváří styly, které nejsou závislé na HTML tazích
2) definují se pomocí tečky a názvu třídy

Příklady:
Deklarace stylu
.cervena {color: green;}
.mezera {letter-spacing: 2px;}
.kurziva {{font-size:300%; color: black}
Zápis v HTML

Identifikátory - "ID"
Identifikátory - popis
1) Definují se podobně jako třídy
2) Mají vyšší prioritu než třídy
3) Mohou být použity v HTML dokumentu pouze jednou

Příklady:
Deklarace identifikátoru
#text { text-align: center;font-family: Verdana;}
#cervena { text-align: center; color:red;}
Zápis identifikátoru v HTML

!! Identifikátor ID je vždy unikátní - jednoznačně pojmenovává jeden konkrétní prvek dokumentu.
!! Třídu je možné aplikovat na libovolný počet různých prvků.

Kdy volit ID, kdy třídu a kdy vůbec nic

Rozmýšlíte-li se mezi ID a třídou, zvažte,
kolikrát budete danou sadu vlastností potřebovat.
Pokud se jedná třeba o definici vzhledu hlavičky na webu,
která je obvykle jen jedna, je jednoznačnou volbou ID.

Chystáte-li se již nadefinovat ID, zamyslete se nad tím,
kolik vlastnosti vlastně daný element potřebuje.
Jedná-li se naprosto bezvýznamný prvek na stránce,
u kterého potřebujete mít o jedno větší písmo, použijte atribut style=““.
Vyhnete se tak zbytečnému přehlcení externího souboru.

Nemá cenu vytvářet třídu pro červené odkazy,
když všechny odkazy budou stejně červené.
Mnohem vhodnější je nadefinovat červenou barvu rovnou pro .

Vytváříte-li třídu pro červené odkazy a přitom 90% odkazů na stránce
bude červených, je lepší globálně nastavit barvu odkazů na červenou
a pak vytvořit třídu pro zbylých 10% odkazů,
která změní jejich barvu na modrou.

Zpět na hlavní stránku